<template>
  <div class="accountInfoBox">
    <header-box title="关联详情" :showLeft="true" :showRight="false"></header-box>
    <img src="../assets/images/wechattopbg.png" alt class="topImg" />
    <group>
      <cell title="易购账号"></cell>
      <cell title="绑定状态">
        <span>未关联</span>
      </cell>
    </group>
    <div class="footer">
      <div class="title">温馨提示：</div>
      <div class="hint">移动端我的易购暂不支持绑定微信帐号。请在苏宁易购客户端中使用微信登录，或在微信中关注苏宁易购公共号，进行绑定苏宁易购账号操作。</div>
    </div>
  </div>
</template>

<script>
import HeaderBox from '@/components/header'
import { Cell, Group } from 'vux'
export default {
  components: {
    HeaderBox,
    Cell,
    Group
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.accountInfoBox {
  .topImg {
    width: 100%;
    padding: 40px 200px;
    box-sizing: border-box;
  }
  .footer {
    position: absolute;
    bottom: 50px;
    left: 20px;
    right: 20px;
    .title {
      font-size: 30px;
    }
    .hint {
        font-size: 26px;
      color: #666;
    }
  }
}
</style>